#@head()
<div id="carousel-example-generic" class="carousel slide hidden-xs" data-ride="carousel" data-interval="4000">
    <div class="carousel-inner">
        <div class="item active">
            <img src="/justice/images/banner1.jpg" alt="...">
            <div class="container">
                <div class="header-text hidden-xs">
                    <div class="col-md-12 text-center">
                        <h1>你好(〃'▽'〃)</h1>
                        <hr>
                        <p>可以左右滑动</p>
                        <a href="" class="btn btn-primary btn-xl page-scroll">The tiger sniffs the rose</a>
                    </div>
                </div><!-- /header-text -->
            </div>
        </div>
        <div class="item">
            <img src="/justice/images/banner2.jpg" alt="...">
            <!-- Static Header -->
            <div class="header-text hidden-xs">
                <div class="col-md-12 text-center">
                    <h1>稍微卖了下萌ヾ(๑╹◡╹)ﾉ"</h1>
                    <hr>
                    <p>人生如逆水行舟，不进则退</p>
                    <a href="" class="btn btn-primary btn-xl page-scroll">With diligence dream</a>
                </div>
            </div><!-- /header-text -->
        </div>
        <div class="item">
            <img src="/justice/images/banner3.jpg" alt="...">
            <!-- Static Header -->
            <div class="header-text hidden-xs">
                <div class="col-md-12 text-center">
                    <h1>我想说</h1>
                    <hr>
                    <p>南风知我意，吹梦到西洲</p>
                    <a href="" class="btn btn-primary btn-xl page-scroll">tomodachi ijou, koibito miman</a>
                </div>
            </div><!-- /header-text -->
        </div>
    </div>
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
</div>
<header class="container">
    <div class="site-branding">
        <h1 class="site-title">
                <span>HELLO</span>
        </h1>
        <h2 class="site-description">Welcome to my Blog !</h2>
    </div>
</header>
<div id="page-content">
    <section class="box-content box-1">
        <div class="container">
            <div style="margin-left: -10px;">
                #for(blog : blog)
                <div style="width:380px;margin-left: 10px ;height: 520px;" class="f-left">
                    <div class="box-item">
                        <a href="/blog/reception/blogSingle?logId=#(blog.logId)">
                            <img style="height: 252px;" src="#(blog.suffix)#(blog.base64)" class="img-responsive"/>
                        </a>
                        <div class="content">
                            <h3 style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" title="#(blog.title)">#(blog.title)</h3>
                            <p style=" height: 66px;overflow: hidden;text-overflow: ellipsis;margin-bottom: 8px;">#(blog.digest)</p>
                            <a href="/blog/reception/blogSingle?logId=#(blog.logId)">更多...</a>
                            <br><br>
                            <span>#date(blog.createTime)</span><br>
                        </div>
                    </div>
                </div>
                #end
            </div>
        </div>
    </section>
</div>
#@layout()